<template>
  <div class="school">
    <h2>学校名称：{{ name }}</h2>
    <h2>学校地址：{{ address }}</h2>
    <h2>办学时长：{{ myage }}</h2>
    <button @click="myage++">+++</button>
  </div>
</template>

<script>
export default {
  name: "School",

  //简单的接收数据
  props: ["name", "address", "age"],

  // 接受同时进行数据限制
  // props: {
  //   name: {
  //     type: String, //限定类型
  //     required: true, //name字段是必须的
  //   },
  //   address: {
  //     type: String,
  //     required: false,
  //   },
  //   age: {
  //     type: Number,
  //     default: 99, //默认值是99
  //   },
  // },

  data() {
    return {
      myage: this.age,
      // 不能在这里直接使用props的值，因为props传递的值不可以直接改变
    };
  },
};
</script>

<style>
.school {
  background: gray;
}
</style>